$(function(){
	//hdjs表单验证

	$('#shouhuo').validate({
		shuoname:{
			rule:{
				//必填
				required:true,

			},
			error:{
				required:'必填',

			},
			success:'正确',
			message:'请填写收货人',
		},
		// area_one:{
		// 	rule:{
		// 		//必填
		// 		required:true,

		// 	},
		// 	error:{
		// 		required:'必填',
		// 	},
		// 	success:'地址为必填内容',
		// 	message:'请选择住址',
		// },
		xiangxidizhi:{
			rule:{
				//必填
				required:true,

			},
			error:{
				required:'必填',
			},
			success:'正确',
			message:'请填写详细地址',
		},
		tel:{
			rule:{
				required:true,
				tel:true,
			},
			error:{
				required:'必填',
				tel:'电话号码错误',

			},
			success:'正确',
			message:'请填写电话号码',
		}

	})
	//====================地区连级菜单=========================== 

	//用抓取name的方式抓取三个select标签
	$('.area_one').change(function() {
		//在success中不能用$(this)，所以用_this代替
		_this = $(this);
		//获得点击文件的cid
		num = _this.val();
		// alert(num);
		_this.parents('body').find('#area_id').attr('value',num);
		$.ajax({
			url:CONTROLLER+'/get_son',

			data:{id:num},

			type:'post',

			dataType:'json',
			success:function(data){
				str = '';
				$.each(data,function(k, v) {
					str +='<option value="'+v.area_id+'">'+v.area_name+'</option>';
				})

				_this.next().html(str);
			}

		})
		
	});

	$('select[name=area_one]').trigger('change');
	//+++++++++++++++++++地址填写时候的js效果++++++++++++++++++++++++++++
	$('.tijiao').click(function() {

		if($('.ren').val()=='' && $('.dizhikuang').val()==''){
			alert('请填写完整');
			return false;
		}

		var shouji = $('.phone').val();
		var reg = /^[1][358][0-9]{9}$/;
		var re = reg.test(shouji);
		if(!re){
			alert('请填写完整');
			return false;
		}

		$(this).parents('body').find('.dizhixuanze').show();
	});

	// $('.tijiao_btn').click(function() {
		
	// });

	$('.xindizhi').click(function() {
		$(this).parents('body').find('#back').show();
		$(this).parents('body').find('.jiadizhi').show();
	});
	//==================增加地址表单验证==========================
	$('.zengjiadizhi').validate({
		tijiao_name:{
			rule:{
				required:true,
			},
			error:{
				required:'必填',
			},
			success:'正确',
			message:'请填写收货人姓名',
		},

		tijiao_dizhi:{
			rule:{
				required:true,
			},
			error:{
				required:'必填',
			},
			success:'正确',
			message:'请填写详细地址',
		},

		tijiao_phone:{
			rule:{
				required:true,
				tel:true,
			},
			error:{
				required:'必填',
				tel:'电话号码错误',
			},
			success:'正确',
			message:'请填写电话号码',
		}

	})

	//+++++++++++++++++++取消的新地址面板js效果++++++++++++++++++++++++++++
	$('.quxiao').click(function() {

		$(this).parents('body').find('.jiadizhi').hide();
		$(this).parents('body').find('#back').hide();

	})

	//====================将填写的地址插到详细地址输入框前面=================
	$('select[name=qu]').change(function() {
		var sheng = $(this).parents('.tianxie').find('select[name=sheng]').val();
		var shi = $(this).parents('.tianxie').find('select[name=shi]').val();
		var qu = $(this).parents('.tianxie').find('select[name=qu]').val();
		$('.box .sheng').show();
		$('.box .shi').show();
		$('.box .qu').show();
		$.ajax({
			url:CONTROLLER+'/get_place',
			data:{sheng:sheng,shi:shi,qu:qu},
			type:'post',
			dataType:'json',
			success:function(data){
				$('.box .sheng').text(data.sheng);
				$('.box .shi').text(data.shi);
				$('.box .qu').text(data.qu);
			}
		})
		
	});

	//=========================将地址填写的内容发到后台======================
	$('.box .tijiao').click(function() {
		var ren = $('.box .ren').val();
		var sheng = $(this).parents('body').find('.box .sheng').text();
		var shi = $(this).parents('body').find('.box .shi').text();
		var qu = $(this).parents('body').find('.box .qu').text();
		var dizhi = $(this).parents('body').find('.box .dizhikuang').val();
		var xiangxidizhi = '';
		    xiangxidizhi +=sheng;
		    xiangxidizhi +=shi;
			xiangxidizhi +=qu;
			xiangxidizhi +=dizhi;
		    
		var num = $(this).parents('body').find('input[name=tel]').val();

		$.ajax({
			url:CONTROLLER+'/place_add',
			data:{consignee:ren,address:xiangxidizhi,num:num},
			type:'post',
			dataType:'json',
			success:function(data){
				var str = '';
				$.each(data,function(k, v) {
					str +='<div class="select_dizhi">';
					str +=	'<input type="radio" id="dizhi1"/>';
					str +=	'<label class="option_box" for="dizhi1">';
					str +=		'<span>';
					str +=			'<span class="addr_name">'+v.consignee+'</span>';
					str +=			'<span class="addr_con">'+v.address+'</span>';
					str +=			'<span class="addr_num">'+v.num+'</span>';
					str +=		'</span>';
					str +=		'<input type="text" value="'+v.did+'" id="did"/>';
					str +=		'<span class="gai_btn">修改</span>';
					str +=		'<span class="del_btn">删除</span>';
					str +=	'</label>';
					str +='</div>';
				});
				
				$('.dizhi_up').append(str);
			}
		})

	});

	//=====================删除地址彩框=================================
	$('.del_btn').click(function() {
		var did = $('#did').val();
		$.ajax({
			url:"{|U:'Index/JieSuanXinXi/del'}",
			type:'post',
			data:{did:did},
			dataType:'json',
			success:function(data){
				
			}
		})
	});
	

})
